<template>
	<div>
		<McButton type="danger">按钮</McButton>
		<McTimePicker v-model="value" placeholder="请选择"></McTimePicker>
		<McInput v-model="value2" placeholder="请输入"></McInput>
		<McColorPicker></McColorPicker>
		<McSelect :options="options" v-model="value3"></McSelect>
		<McDatePicker v-model="value4"></McDatePicker>
		<McCheckbox :options="options"></McCheckbox>
		<McAddress v-model="value5" />
		<McAutoComplete v-model="value6" />
		<McBarcode staticText="3454654646"></McBarcode>
		<McCalculate value="43546464"></McCalculate>
		<McCascader></McCascader>
		<McComSelect></McComSelect>
		<McDateRangePicker v-model="value7"></McDateRangePicker>
		<McDateTimePicker v-model="value7"></McDateTimePicker>
		<McDepSelect v-model="value7"></McDepSelect>
		<McDivider v-model="value7">哈哈</McDivider>
		<McEditor></McEditor>
		<McGroupSelect></McGroupSelect>
		<McGroupTitle tipLabel="tipLabel" content="content"></McGroupTitle>
		<McLink content="我是链接"></McLink>
		<McNumRange v-model="value8"></McNumRange>
		<McNumber v-model="value8"></McNumber>
		<McOpenData v-model="value8"></McOpenData>
		<McPopupAttr v-model="value9"></McPopupAttr>
		<McPopupSelect v-model="value9"></McPopupSelect>
		<McPopupTableSelect v-model="value9"></McPopupTableSelect>
		McPosSelect
		<McPosSelect></McPosSelect>
		McQrcode
		<McQrcode staticText="3454654646"></McQrcode>
		<McRate></McRate>
		McRelationForm
		<McRelationForm :config="{dataTypeId:'dataTypeId'}" ></McRelationForm>
		McRelationFormattr
		<McRelationFormattr :drawingList="[]" v-model="value9" value="123" :isDetail="true"></McRelationFormattr>
		McRoleSelect
		<McRoleSelect></McRoleSelect>
		<McSlider></McSlider>
		<McSubTable></McSubTable>
		<McSwitch v-model="value10"></McSwitch>
		<McTable></McTable>
		<McText value="343535"></McText>
		<McTreeSelect></McTreeSelect>
		<McUploadFile></McUploadFile>
		<McUploadImg></McUploadImg>
		<McUserSelect></McUserSelect>
	</div>
</template>
<script
	setup
>
import {McUserSelect, McUploadImg,McUploadFile, McTreeSelect, McText,McTable, McSwitch, McSubTable,McSlider,McRoleSelect,McRelationFormattr, McRelationForm,McRate, McQrcode, McPosSelect,McPopupTableSelect, McPopupSelect, McPopupAttr, McOpenData, McNumber, McNumRange,McLink,McGroupTitle, McGroupSelect,McEditor, McDivider,McDepSelect, McDateTimePicker,McDateRangePicker, McComSelect,McCascader,McCalculate, McBarcode,McButton, McTimePicker, McColorPicker, McInput, McSelect, McDatePicker, McCheckbox,McAddress,McAutoComplete} from '../../uui/lib/index.umd'
import {ref} from 'vue';
const value = ref(null);
const value2 = ref(null);
const value3 = ref([]);
const value4 = ref(null);
const value5 = ref(null);
const value6 = ref(null);
const value7 = ref(null);
const value8 = ref('123');
const value9 = ref('456');
const value10 = ref(false);
const options = ref([
	{ id: '1', fullName: '选项 1' },
	{ id: '2', fullName: '选项 2' },
	{ id: '3', fullName: '选项 3' }
])
</script>

<style scoped lang="scss">

</style>